// 蛋糕首页js
//header
var img=document.querySelector('.banner_bottom>div>img');
var a=document.querySelector('.header>div>p:last-child>a');
a.onmouseover=function(){
    img.style.display='block';
}
a.onmouseout=function(){
    img.style.display='none';
}
//选项卡
//找到nav中的li
var navLi=document.querySelectorAll('.nav_bottom>ul>li');
// console.log(navLi);
//遍历navLi
for(var i=0;i<navLi.length;i++){
        	navLi[i].index=i;
        	navLi[i].onclick=function(){
        		//获取当前的索引值
        		var num=this.index;
        		for(var j=0;j<navLi.length;j++){
        			//统一样式
        			navLi[j].firstElementChild.style.color='#000';
        		}
        		navLi[num].firstElementChild.style.color='#FF4001';
        	}
        }

//下拉
var a1=document.querySelector('.nav_bottom>ul>li:nth-child(4)>a');
var nav1=document.querySelector('banner_bottom>div>.nav1');
console.log(nav1);
a1.onmouseover=function(){
    nav1.style.display='block';
} 
a1.onmouseout=function(){
    nav1.style.display='none';
}  
//轮播js
//自己动起来
//1.找到图片
    var li=document.querySelectorAll('.banner_top>ul>li');
    var timer;
    var c=0;
    function play(){
        setInterval(function(){
            li[c].style.display='none';
                c++;
                if(c>2){
                c=0;
                }
            li[c].style.display='block';
        },1000)
    }
    play();
//banner_bottom2
//li
var lis=document.querySelectorAll('.banner_bottom2>ul>li');
// console.log(lis);
for(var a=0;a<lis.length;a++){
	lis[a].onmouseover=function(){
		this.style.background='#D0E7E5';
	}
	lis[a].onmouseout=function(){
		this.style.background='';
	}
}
//main
//li
var lis=document.querySelectorAll('.main_bottom>ul>li');
// console.log(lis);
for(var a=0;a<lis.length;a++){
    lis[a].onmouseover=function(){
        this.style.background='#D0E7E5';
    }
    lis[a].onmouseout=function(){
        this.style.background='';
    }
}
//gift
//li
var lis=document.querySelectorAll('.bear_bottom>ul>li');
// console.log(lis);
for(var a=0;a<lis.length;a++){
    lis[a].onmouseover=function(){
        this.style.background='#D0E7E5';
    }
    lis[a].onmouseout=function(){
        this.style.background='';
    }
}
